{layout name="wapian/layout" /}
<div class="container">
  <div class="row" style="margin-top: 10px;"></div>
  <div class="row">
    {eq name=":putBannerSw()" value="true"}
    <div class="hy-layout clearfix" style="padding: 0px; padding-bottom: 12px;">
      <div class="col-lg-12 col-md-12 col-sm-12 index-banner">
        <div class="swiper-container hy-slide">
          <div class="swiper-wrapper">
            {notempty name="banner"} {volist name="banner" id="vod"}
            <div class="swiper-slide">
              <div class="hy-video-slide">
                <a
                  class="videopic"
                  href="/play-{$vod.vod_url}"
                  title="{$vod.vod_title}"
                  style="
                    padding-top: 78%;
                    background: url({$vod.vod_pic}) no-repeat;
                    background-position: 50% 50%;
                    background-size: cover;
                  "
                >
                  <span class="title">{$vod.vod_title}</span>
                </a>
              </div>
            </div>
            {/volist} {/notempty}
          </div>
          <div class="swiper-button-next hidden-xs">
            <i class="icon iconfont icon-xiangyou"></i>
          </div>
          <div class="swiper-button-prev hidden-xs">
            <i class="icon iconfont icon-xiangzuo"></i>
          </div>
          <div class="swiper-pagination"></div>
        </div>
      </div>
    </div>
    {/eq} {notempty name="$cof['rgSwitch']"}
    <!--公告-->
    <div class="container">
      <div class="row">
        <div class="hy-layout clearfix">
          <li class="active">
            <table border="0" width="100%">
              <tr>
                <td width="22" height="22">
                  <img
                    src="/static/wapian/images/notice.png"
                    width="22"
                    height="22"
                  />
                </td>
                <td width="12" height="22"></td>
                <td>
                  <strong>
                    <marquee
                      scrollamount="8"
                      direction="left"
                      align="Middle"
                      style="padding-right: 20px;"
                      >{$cof['rollgg']}
                    </marquee>
                  </strong>
                </td>
              </tr>
            </table>
          </li>
        </div>
      </div>
    </div>
    <!--公告-->
    {/notempty}

    <!--电影-->
    {notempty name="data"} {volist name="data" id="vod"} {notempty name="vod"}
    <div class="hy-layout clearfix">
      <div class="hy-video-head">
        <ul class="pull-right">
          {notempty name="vod.nav[0]['data']"} {volist name="vod.nav[0]['data']"
          id="item" length="9"}
          <li class="text-muted hidden-md hidden-sm hidden-xs">
            <a
              href="list/{$vod.type.id}-all-all-{$item.id}-rankhot-1.html"
              class="text-muted border-right"
              >{$item.name}</a
            >
            /
          </li>
          {/volist}
          <li class="text-muted hidden-md hidden-sm hidden-xs">
            <a
              href="list/{$vod.type.id}-all-all-all-rankhot-1.html"
              class="text-muted border-right"
              >全部</a
            >
          </li>
          {/notempty}
        </ul>
        <h3 class="margin-0">
          <i class="icon iconfont icon-caidanicondianyinghui text-color"></i>
          {:config($vod.type.id.'.title')}
        </h3>
      </div>
      <div class="clearfix">
        {notempty name="vod.data"} {volist name="vod.data" id="vods"
        length="12"}
        <div class="col-md-2 col-sm-3 col-xs-4">
          <a
            class="videopic lazy"
            href="/play-{$vod['type']['id']}{$vods.vod_url}"
            title="{$vods.vod_title}"
            data-original="{$vods.vod_pic}"
            style="
              background: url(/static/wapian/load.gif) no-repeat;
              background-position: 50% 50%;
              background-size: cover;
            "
          >
            <span class="play hidden-xs"></span>
            <span class="score">{:putVodLabel($vods)}</span>
          </a>
          <div class="title">
            <h5 class="text-overflow">
              <a href="/play-{$vod['type']['id']}{$vods.vod_url}"
                >{$vods.vod_title}</a
              >
            </h5>
          </div>
          <div class="subtitle text-muted text-muted text-overflow hidden-xs">
            {$vods.vod_actor}
          </div>
        </div>
        {/volist}
        <div class="hy-video-footer visible-xs clearfix">
          <a
            href="/list/{$vod.type.id}-all-all-all-rankhot-1.html"
            class="text-muted"
            >查看更多 <i class="icon iconfont icon-xiangyou pull-right"></i
          ></a>
        </div>
        {/notempty}
      </div>
    </div>
    {/notempty} {/volist} {/notempty}
    <!--电影-->

    <!--合作伙伴-->
    <div class="hy-layout hidden-md hidden-sm hidden-xs clearfix">
      <div class="hy-video-head">
        <h3 class="margin-0">合作伙伴</h3>
      </div>
      <div class="hy-footer-partner"></div>
    </div>
    <!--end 合作伙伴 -->

    <div class="container">
      <div class="row" style="margin-top: 10px;"></div>
    </div>

    <div class="hy-layout hidden-sm hidden-xs clearfix">
      <div class="hy-video-head">
        <h3 class="margin-0">友情链接</h3>
      </div>
      <div class="hy-footer-link">
        <div class="item clearfix">
          <ul class="clearfix">
            <a href="http://www.lykep.com" target="_blank">零艺客</a>
          </ul>
        </div>
      </div>
    </div>
  </div>
</div>
<script>
  var swiper = new Swiper(".hy-slide", {
    pagination: ".swiper-pagination",
    effect: "coverflow",
    grabCursor: true,
    paginationClickable: true,
    slidesPerView: 3,
    autoplay: 3000,
    nextButton: ".swiper-button-next",
    prevButton: ".swiper-button-prev",
    coverflow: {
      rotate: 50,
      stretch: 0,
      depth: 100,
      modifier: 1,
      slideShadows: true,
    },
    breakpoints: {
      1200: {
        slidesPerView: 3,
        spaceBetween: 0,
      },
      767: {
        slidesPerView: 1,
        spaceBetween: 0,
      },
    },
    loop: true,
  });
</script>
